<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>选择题</title>
    <style>
    	.one{
    		width:200px;
			height: 350px;
    	}
        body {
            font-family: "微软雅黑", Arial, sans-serif;
            background-image: url(../images/bg1.png); /* 替换为你的图片路径或URL */
            background-size: cover; /* 使背景图片覆盖整个页面 */
            background-position: center; /* 背景图片居中 */
            background-repeat: no-repeat; /* 不重复背景图片 */
            background-attachment: fixed; /* 背景图片固定，不随内容滚动 */
            padding: 30px;
        }
        .question-container {
            border: 10px solid transparent;
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 30px;
            box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
        }
        
    </style>
</head>
<body>
	<div>
		
	</div>
    <div class="question-container">
        <h2>01</h2>
        <p>渔夫逮到一条美人鱼却把它放了，这是为什么？（单选）</p>
        <ul class="options">
            <li><input type="radio" name="question1" value="A"> A. 渔夫很善良</li>
            <li><input type="radio" name="question1" value="B"> B. 养不起美人鱼</li>
            <li><input type="radio" name="question1" value="C"> C. 违反野生动物保护法</li>
            <li><input type="radio" name="question1" value="D"> D. 你懂得</li>
        </ul>
    </div>

    <div class="question-container">
        <h2>02</h2>
        <p>在华容道上，关羽为什么没有杀曹操？（多选）</p>
        <ul class="options">
            <li><input type="checkbox" name="question2" value="A"> A. 因为爱情</li>
            <li><input type="checkbox" name="question2" value="B"> B. 曹操对关羽有恩</li>
            <li><input type="checkbox" name="question2" value="C"> C. 关羽不喜欢杀生</li>
            <li><input type="checkbox" name="question2" value="D"> D. 酒喝多了</li>
        </ul>
    </div>


</body>
</html>